{% extends "base/base.html" %}
{% block main_content %}

<div class="card card-default">
    <div class="card-header">
        <h3 class="card-title"> 操作提示示例 </h3>
    </div>
    <div class="card-body">
        <div class="row">
            <button type="submit" class="btn btn-info" onclick="show_info_message()">显示普通信息</button>
            <button type="submit" class="btn btn-warning" onclick="show_warning_message()">显示告警信息</button>
            <button type="submit" class="btn btn-danger" onclick="show_confirm_message()">显示确认信息</button>
        </div>
    </div>
</div>

<div class="card card-default">
    <div class="card-header">
        <h3 class="card-title"> 动态追加数据 </h3>
    </div>
    <div class="card-body">
        <div>
            <button type="submit" class="btn btn-info form-control" onclick="auto_add_message()">增量插入</button>
        </div>
        <div class="card card-outline card-info" style="margin-top: 20px;">
            <div class="card-header">
                <h3 class="card-title">
                    执行结果
                </h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <div style="height: 400px;  overflow-y:auto; overflow-x:auto;" name="div_auto_messages">
                    <p>this is test</p>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block script_before_body_close %}
<script src="/static/js/demo/demo01.js"></script>
{% endblock %}